<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<!--
* Copyright 2010-2012 Research In Motion Limited.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
-->
<html> 
    <head>
        <meta name="x-blackberry-defaultHoverEffect" content="false" />
        <link  rel="stylesheet" type="text/css" href="css/bbui.css"><link />
            <style>
                .center { margin: 0px auto 0px auto;}
            </style>
            <script type="text/javascript" src="js/bbui.js"></script>
            <script type="text/javascript" src="local:///chrome/webworks.js"></script>
            <script type="text/javascript">
                var webworksreadyFired = false;
                document.addEventListener('webworksready', function(e) {
                    // This is code to ensure that if webworksready is fired multiple times we still only init() one time
                    if (webworksreadyFired) return;
                    webworksreadyFired = true;
				
                    // You must call init on bbUI before any other code loads.  
                    // If you want default functionality simply don't pass any parameters.. bb.init();
                    bb.init({actionBarDark: true,
                        controlsDark: true,
                        listsDark: false,
                        bb10ForPlayBook: true,
                        // Fires "before" styling is applied and "before" the screen is inserted in the DOM
                        onscreenready: function(element, id, params) {
                            if (id == 'pillButtons') {
                                dataOnLoad_initialLoad(element);
                            } else if (id == 'masterDetail') {
                                masterDetail_initialLoad(element);
                            } else if (id == 'dataOnTheFly') {
                                dataOnTheFly_onScreenReady(element);
                            } 
                            else if (id == 'dataOnTheFlyNewCourse') {
                                dataOnTheFly_onScreenReadyNewCourse(element);
                            } 
                            else if (id == 'dataOnTheFlySemester') {
                                dataOnTheFly_onScreenReadySemester(element, params);
                            } 
                            else if (id == 'dataOnTheFlySetting') {
                                dataOnTheFly_onScreenReadySetting(element);
                            } 
											
                            // Remove all titles "except" input and pill buttons screen if running on BB10
                            if (bb.device.isBB10 && (id != 'input') && (id != 'pillButtons') && (id != 'titlePillButtons')) {
                                var titles = element.querySelectorAll('[data-bb-type=title]');
                                if (titles.length > 0) {
                                    titles[0].parentNode.removeChild(titles[0]);
                                }
                            } 
											
                            // Initialize our title pill buttons screen
                            if (bb.device.isBB10 && (id == 'titlePillButtons')) {
                                titlePillButtons_Init(element);
                            }
											
                        },
                        // Fires "after" styling is applied and "after" the screen is inserted in the DOM
                        ondomready: function(element, id) {
                            if (id == 'dataOnTheFly') {
                                dataOnTheFly_initialLoad(element);
                            }
                            if (id == 'dataOnTheFlyNewCourse') {
                                dataOnTheFly_initialLoadNewCourse(element);
                            }
                            if (id == 'dataOnTheFlySemester') {
                                dataOnTheFly_initialLoadSemester(element);
                            }
                            if (id == 'dataOnTheFlySetting') {
                                dataOnTheFly_initialLoadSetting(element);
                            }
                            if (id == 'pillButtons') {
                                //dataOnLoad_initialLoad(element);
                                dataOnTheFly_initialLoad(element);
                            }
                        }
                    });
                    //bb.pushScreen('pillButtons.htm', 'menu');
                }, false);
			
                // Fire the webworksready event for PlayBook and BBOS
                window.addEventListener('load',function() {
                    if (navigator.userAgent.indexOf('Version/10.0') < 0) {
                        var evt = document.createEvent('Events');
                        evt.initEvent('webworksready', true, true);
                        document.dispatchEvent(evt);
                    }
                });
            </script>
    </head>
    <body onload="bb.pushScreen('pillButtons.htm', 'pillButtons');">
    </body>
</html>
